//入口函数
$(function() {

    // 调用创建菜单的函数  动态创建菜单
    createMenu();


    //因为菜单按钮是动态生成的  所以得给其静态的父级元素绑定事件
    // $("#menu .row div:nth-child(8)").click(function() {
    //     $("#menu .row div:nth-last-child(-n+4)").toggle();
    // })
    $("#menu .row").on("click", "div:nth-child(8)", function() {
        $("#menu .row div:nth-child(n+9)").toggle();
    });


    //调用创建折扣的函数
    createAgin();


    //返回顶部需要添加两个参数  scrollTo(x,y)  可以在html中用id来写  <a href=#header></a>  然后给html最上面的标签加一个header的id名
    // $("#footer .top a:nth-child(3)").click(function() {
    //     window.scrollTo(0, 0);
    // })
});

//创建菜单的请求
function createMenu() {
    $.ajax({
        type: "get",
        url: "http://182.254.146.100:3000/api/getindexmenu",
        data: null,
        success: function(data) {
            // data是个对象
            console.log(data);
            var menuList = template("menu-list", data);
            $("#menu .row").html(menuList);
        },
        complete: function() {
            //可以在样式里面写  div:nth-child(-n+4) {display: none} 或者  div:nth-child(n+9){display: none}
            // $("#menu .row div:nth-last-child(-n+4)").css({
            // display: "none"
            // })
        }
    });
};

//动态创建折扣列表
function createAgin() {
    $.ajax({
        type: "get",
        url: "http://182.254.146.100:3000/api/getmoneyctrl",
        data: null,
        success: function(data) {
            console.log(data);
            var aginList = template("aginList", data);
            $(".agin-content").html(aginList);
        }
    });
};